<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" type="text/css" href="lib/jquery-easyui-1.5.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="lib/jquery-easyui-1.5.2/themes/icon.css">
<script src="lib/jquery/jquery-3.1.1.min.js"></script>
<script src="lib/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<script>
  $(function() {
  	 $('#dd').dialog({
        title: 'My Dialog',
        width: 400,
        height: 200,
        closed: true,
        cache: false,
        href: 'lay.html',
        modal: true
      });
  	
    $("#btn-towin").click(function() {
      window.open("lay.html", "",
        "'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
    });

    $("#btn-tolay").click(function() {
      $('#dd').dialog("open");
    });

  });
</script>
</head>

<body>

<h1>hello,world</h1>

<h2><a href="javascript:" id="btn-towin">弹出窗口</a></h2>

<h2><a href="javascript:" id="btn-tolay">弹出层</a></h2>


<div id="dd">Dialog Content.</div>
</body>

</html>